
//中文
var data_zh = ['你知道吗', '六月', '一日', '星期一', '是', '儿童节'];
//英语
var data_en = ['do you know', 'June', 'One day', 'Monday', 'Yes', 'Children\'s day'];
// 切换按钮
var btn = document.querySelectorAll("#btn_if button");
var if_btn = document.querySelectorAll("#btn_that button");
//中英文互译的函数
function zhToEn() {
    var if_text = false;
    var s = document.querySelector("#zw").value;
    var j = document.querySelectorAll("#yw");
    for (var i = 0; i <= data_zh.length; i++) {
        if (s === data_zh[i]) {
            if (data_zh[i] === s) {
                if_text = true;
                document.querySelector("#yw").value = data_en[i];
                if (lang = 'en') {
                    switchLan();
                }
            }
        } else {
            if (data_en[i] === s) {
                if_text = true;
                document.querySelector("#yw").value = data_zh[i];
                if (lang = 'zh') {
                    switchLan();
                }
            }
        }
    }
    if (!if_text) {
        j.value = "";
        alert('无法翻译');
    }
}

// 按钮转换
var lang = 'zh';
function switchLan() {

    if (lang == 'zh') {
        lang = 'en';
    } else {
        lang = 'zh';
    }
    for (var i = 0; i < if_btn.length; i++) {
        btn[i].classList.remove('btn-primary');
        btn[i].classList.remove('btn-light');
        if_btn[i].classList.remove('btn-primary');
        if_btn[i].classList.remove('btn-light');
    }
    switch (lang) {
        case 'zh':
            btn[0].classList.add('btn-primary');
            btn[1].classList.add('btn-light');
            if_btn[0].classList.add('btn-primary');
            if_btn[1].classList.add('btn-light');
            break;
        case 'en':
            btn[0].classList.add('btn-light');
            btn[1].classList.add('btn-primary');
            if_btn[0].classList.add('btn-light');
            if_btn[1].classList.add('btn-primary');
            break;
    }
}
